<!DOCTYPE html>
<html>
	{include file="public/header" /}
	<body>
		<div class="layui-content-wrapper ">
		<div class="layui-fluid">
			<div class="layui-card">
				<div class="layui-form layui-card-header layuiadmin-card-header-auto">
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">真实姓名</label>
							<div class="layui-input-block">
								<input type="text" name="TrueName" placeholder="请输入" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">用户名</label>
							<div class="layui-input-block">
								<input type="text" name="UserName" placeholder="请输入" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">角色</label>
							<div class="layui-input-block">
								<select name="RoleID">
									<option value="">全部</option>
									{foreach $data as $vo}
									<option value="{$vo.ID}">{$vo.Name}</option>
									{/foreach}
								</select>
							</div>
						</div>
						<div class="layui-inline">
							<button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-back-search" style="cursor:pointer">
						<!--<botton  lay-submit lay-filter="formDemo" style="cursor:pointer" >提 交</botton>-->
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
            </button>
						</div>
					</div>
				</div>

				<div class="layui-card-body">
					<div style="padding-bottom: 10px;">

						<button class="layui-btn layuiadmin-btn-admin" data-type="add">添加</button>
					</div>

					<table id="LAY-user-back-manage" lay-filter="LAY-user-back-manage"></table>
					<script type="text/html" id="buttonTpl">
						{{# if(d.check == true){ }}
						<button class="layui-btn layui-btn-xs">已审核</button> {{# } else { }}
						<button class="layui-btn layui-btn-primary layui-btn-xs">未审核</button> {{# } }}
					</script>
					<script type="text/html" id="table-useradmin-admin">
						<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
						{{# if(d.role == '超级管理员'){ }}
						<a class="layui-btn layui-btn-disabled layui-btn-xs"><i class="layui-icon layui-icon-delete"></i>删除</a>
						{{# } else { }}
						<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
						{{# } }}
					</script>
				</div>
			</div>
		</div>

		{include file="public/footer" /}
		<script>
			layui.use(['table'], function() {
				var $ = layui.$,
					form = layui.form,
					table = layui.table;

				//监听搜索
				form.on('submit(LAY-user-back-search)', function(data) {
					var field = data.field;

					//执行重载
					table.reload('LAY-user-back-manage', {
						where: field
					});
				});
				//监听工具条
				table.on('tool(LAY-user-back-manage)', function(obj) {
					var data = obj.data;
					if(obj.event === 'detail') {
						layer.msg('ID：' + data.id + ' 的查看操作');
					} else if(obj.event === 'del') {
						layer.confirm('真的删除行么', function(index) {
							//      console.log(data);
							$.ajax({
								'type': 'post',
								'url': "{:url('admin/adminuser/del')}",
								'data': {
									'ID': data.ID
								},
								//		              'data':data,
								dataType: 'json',
								headers: {
                                   'Content-Type': 'application/x-www-form-urlencoded'  
                                  },

								success: function(res) {
									if(res.code == '0') {
										layer.msg(res.msg, {
											icon: 1
										});
									} else {
										layer.msg(res.msg, {
											icon: 5
										});
									}
									table.reload('LAY-user-back-manage');
									layer.close(index); //关闭弹层
								}
							});

						});
					} else if(obj.event === 'edit') {
						layer.open({
							type: 2,
							title: '编辑管理员',
							content: 'editss.html?ID=' + data.ID,
							area: ['60%', '70%'],
							btn: ['确定', '取消'],
							yes: function(index, layero) {
								var iframeWindow = window['layui-layer-iframe' + index],
									submitID = 'LAY-user-back-submit',
									submit = layero.find('iframe').contents().find('#' + submitID);
								//监听提交
								iframeWindow.layui.form.on('submit(' + submitID + ')', function(data) {
									var field = data.field; //获取提交的字段
									//									console.log(12);
									//提交 Ajax 成功后，静态更新表格中的数据
									$.ajax({
										'type': 'post',
										'url': "{:url('admin/adminuser/edit')}",
										'data': field,
										dataType: 'json',
										success: function(res) {
											if(res.code == '0') {
												layer.msg(res.msg, {
													icon: 1
												});
											} else {
												layer.msg(res.msg, {
													icon: 5
												});
											}
											table.reload('LAY-user-back-manage');
											layer.close(index); //关闭弹层
										}
									});

								});

								submit.trigger('click');
							}
						});
					}
				});
				table.render({
					elem: '#LAY-user-back-manage',
					url: "{:url('admin/adminuser/get_list')}",
					toolbar: '#LAY-user-back-manage',
					title: '管理员数据表',
					cols: [
						[{
								type: 'checkbox',
								fixed: 'left'
							}, 
							{
								type: 'numbers',
								title: '排序',
								width: 40,
								fixed: 'left',
								unresize: true,

							}, {
								field: 'ID',
								title: 'ID',
								width: 80,
								fixed: 'left',
								unresize: true,
								sort: true
							}, {
								field: 'TrueName',
								title: '真实姓名',
								width: 120,
								edit: 'text'
							}, {
								field: 'UserName',
								title: '用户名',
								width: 120,
								edit: 'text'
							}, {
								field: 'RoleID',
								title: '所属角色',
								width: 140,
								edit: 'text',
								//								sort: true
							},
							{
								field: 'Mobile',
								title: '手机号',
								width: 140,
								edit: 'text',
								//								sort: true
							},
							{
								field: 'MAC',
								title: 'MAC',
								width: 160,
								edit: 'text'
							},
							{
								field: 'LoginIP',
								title: '登录IP',
								width: 120,
								edit: 'text'
							},
							{
								field: 'LoginTime',
								title: '登录时间',
								width: 160,
								edit: 'text'
							},
							{
								field: 'IpCity',
								title: '登录城市',
								width: 120,
								edit: 'text'
							},
							{
								field: 'isMAC',
								title: '开启MAC验证',
								width: 120,
								edit: 'text'
							},
							{
								field: 'Status',
								title: '状态',

								edit: 'text',
								//								sort: true
							}
							//					        ,{field:'logins', title:'登入次数', width:100, sort: true}
							//							, {
							//								field: 'CreateTime',
							//								title: '加入时间',
							//								width: 180
							//							}, {
							//								field: 'UpdateTime',
							//								title: '修改时间'
							//							}
							,
							{
								fixed: 'right',
								title: '操作',
								toolbar: '#table-useradmin-admin',
								width: 160
							}
						]
					],
					page: true
				});
				//事件
				var active = {
					batchdel: function() {
						var checkStatus = table.checkStatus('LAY-user-back-manage'),
							checkData = checkStatus.data; //得到选中的数据
						if(checkData.length === 0) {
							return layer.msg('请选择数据');
						}
						layer.prompt({
							formType: 1,
							title: '敏感操作，请验证口令'
						}, function(value, index) {
							layer.close(index);

							layer.confirm('确定删除吗？', function(index) {

								//执行 Ajax 后重载
								/*
								admin.req({
								  url: 'xxx'
								  //,……
								});
								*/
								table.reload('LAY-user-back-manage');
								layer.msg('已删除');
							});
						});
					},
					add: function() {
						layer.open({
							type: 2,
							title: '添加管理员',
							content: 'adminform.html',
							area: ['60%', '70%'],
							btn: ['确定', '取消'],
							yes: function(index, layero) {
								var iframeWindow = window['layui-layer-iframe' + index],
									submitID = 'LAY-user-back-submit',
									submit = layero.find('iframe').contents().find('#' + submitID);
								//监听提交

								iframeWindow.layui.form.on('submit(' + submitID + ')', function(data) {
									var field = data.field; //获取提交的字段
									//									console.log(12);
									//提交 Ajax 成功后，静态更新表格中的数据
									$.ajax({
										'type': 'post',
										'url': "{:url('admin/adminuser/add')}",
										'data': field,
										dataType: 'json',
										success: function(res) {
											if(res.code == '0') {
												layer.msg(res.msg, {
													icon: 1
												});
											} else {
												layer.msg(res.msg, {
													icon: 5
												});
											}
											table.reload('LAY-user-back-manage');
											layer.close(index); //关闭弹层
										}
									});

								});

								submit.trigger('click');
							}
						});
					}
				}
				$('.layui-btn.layuiadmin-btn-admin').on('click', function() {
					var type = $(this).data('type');
					active[type] ? active[type].call(this) : '';
				});
			});
		</script>
		
		<script type="text/javascript">
    //Ifream子页自适应大小(写在子页中)
//  var error;
//  function iframeAutoFit() {
//      try {
//          if (window != parent) {
//              var a = parent.document.getElementsByTagName("IFRAME");
// 
//              for (var i = 0; i < a.length; i++) {
//                  if (a[i].contentWindow == window) {
//                      var h = document.body.scrollHeight-5;
//                      if (document.all) { h += 4; }
//                      if (window.opera) { h += 1; }
//                      a[i].style.height = h + 'px';
//                  }
//              }
//          }
//      }
//      catch (error) {
//          alert(error.message);
//      }
//  }
//  window.attachEvent("onload", iframeAutoFit); //此处与原脚本有区别
    </script>
		</div>
	</body>

</html>